@import "./component/resetGoogle/style";


$color-border: #e8e8e9;

body {
    //background-color: #0d1113;
}

input {
    background-color: inherit;
}

.ui-account-box {
    &:not(first-child){
        box-shadow: 0 0 32px #e2e2e2;
        background-color: #fff;
        padding: 24px;
        border-radius: 4px;
        margin-bottom: 24px;
    }
    //&:last-child {
    //    margin-bottom: 0;
    //}
    .box-content {
        border: 1px $color-border solid;
    }

    .asset-info{
        padding-bottom: 24px;
        display: flex;
        align-items: center;

        &-item{
            display: inline-block;
            margin-left: 40px;
            font-size: 12px;

        }
    }

    &-inner {
        margin-bottom: 32px;
        .box-content {
            border: 0 none;
        }
    }
}


.ui-title {
    padding-left: 0;
    margin-bottom: 24px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid $color-border;
    background-color: inherit;
    font-weight: normal;
    color: #000;
    font-size: 13px;
}

.ui-title-account {
    height: 32px;
    line-height: 32px;
    color: #000;
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 8px;
    .icon{
        float: right;
        cursor: pointer;
        transition: all 0.4s ease;
        &:hover{
            .icon-reload{
                color: $color-link-hover;
            }
        }
        &-reload{
            font-size: 15px;
            font-weight: bold;
            color: $color-link;
        }
    }
}

.module-account {
    &-box{

    }
    .m-form-page{
        padding-bottom: 40px;
    }
    .m-info {
        > .tr {
            display: flex;
            align-items: center;
            height: 32px;
            font-size: 13px;
            .td-title {
                box-sizing: border-box;
                flex: 0 0 168px;
                width: 168px;
                padding-left: 16px;
                color: $color-label;
            }
            .td-status{
                box-sizing: border-box;
                flex: 0 0 160px;
                width: 160px;
                font-size: 12px;
                color: #4ba155;
            }
            .td-text {
                box-sizing: border-box;
                flex: 1;
                color: #000;
                display: flex;
                align-content: center;
                font-size: 12px;
                &--gray{
                    color:#626364;
                }
                .icon-sfrz{
                    margin-left: 8px;
                    font-size: 20px;
                }
            }
            .td-operation {
                flex: 0 0 128px;
                width: 128px;
                padding-right: 16px;
                text-align: right;
                a {
                    padding-left: 8px;
                }
            }
            >.td-flex-none{
                flex:none;
                width: auto;
            }

            &-google{
                margin: 16px 0;
                padding: 13px 0;
                border: 1px solid #f2f2f2;
                border-radius: 10px;
            }
        }
        &--certification{
            > .tr {
                .td-status {
                    flex: 2;
                    color: #c9367c;
                    text-transform: capitalize;
                }
                .td-reason {
                    flex: 5;
                    color: #626364;
                }
                .td-reason--submitted{
                    flex: 5;
                    color:#999999;
                }
            }
        }
    }

    .table-wrap{
       padding: 8px 16px;
    }
}

@import "./basic/style";
@import "./asset/style";
@import "./certification/style";
@import "./message/style";
@import "./component/resetPayPwd/style";
@import "./component/unlockDialog/style";
@import "./myOrder/style";
@import "./lockPlan/style";
@import "./lockReward/style";
@import "./wallet/style";